import { ICmptRenderOptItem } from '@/core/types'
import { ComboboxData } from '@mantine/core'

export const TextStyleOpts = [
  { label: 'normal', value: 'normal' },
  { label: 'italic', value: 'italic' },
  { label: 'oblique', value: 'oblique' }  
]

export const TextWeightOpts: ComboboxData = [
  { label: '100', value: '100' }, 
  { label: '200', value: '200' }, 
  { label: '300', value: '300' }, 
  { label: '400', value: '400' }, 
  { label: '500', value: '500' }, 
  { label: '600', value: '600' }, 
  { label: '700', value: '700' }, 
  { label: '800', value: '800' }, 
  { label: 'normal', value: 'normal' }, 
  { label: 'bold', value: 'bold' }, 
  { label: 'bolder', value: 'bolder' }, 
  { label: 'lighter', value: 'lighter' }, 
];

export const TextAttrsData: ICmptRenderOptItem[] = [
  {
    label: '颜色',
    type: 'colorInput',
    value: ''
  }
]

/** 字体主题下拉数据 */
export const TextFamilyOpts: ComboboxData = [
  { label: 'Arial', value: 'Arial' }, 
  { label: 'sans-serif', value: 'sans-serif' }, 
  { label: 'serif', value: 'serif' }, 
  { label: 'monospace', value: 'monospace' }, 
  { label: 'cursive', value: 'cursive' },
]